@charset "utf-8";
/*header*/
.header{ background:url(../images/headBanner.jpg) no-repeat center top;}
.header-top{ height:40px; line-height: 40px; font-size: 14px; border-bottom: 1px solid #cdf0fc; }
.header-top-son{ width:1200px; height: 40px; margin: 0 auto;}
.header-top-left{ width: 50%; float: left; color: #fff;}
.header-top-left span{ text-align:left; padding:0px 20px; color: #464646;}
.header-top-right{ width: 40%; float:right; height: 40px;  line-height: 40px; color: #fff;}
.header-top-right span a{ color: #464646; line-height: 40px; height: 40px; display: block ;}
.header-top-right span{ padding: 0 10px;  line-height: 40px; height: 40px; display: block ; float: right; color: #464646;}


.header-banner{ height:153px;width:1200px;margin: 0 auto;}

.header .banner-container{width: 660px; float: left; margin: 0 auto;  height:153px; background-image: url(../images/logo.png); background-position: left center; background-repeat: no-repeat; }
.header .logo{position:absolute; top:0px; left: 0; width: 60%; height: 157px; background-image: url(images/logo.png); background-position: left center; background-repeat: no-repeat;}
.headGn{ }
.headGn ul li{ float: right; height: 20px; line-height: 20px; padding: 0px 10px; font-size: 14px;}
.headGn ul li i{ width: 40px; height:20px; display: block; float: left; background-position: center center; background-repeat: no-repeat;}
.headGn ul li i.headIcon1{ background-image: url(images/headIcon1.png);}
.headGn ul li i.headIcon2{ background-image: url(images/headIcon2.png);}
.headGn ul li i.headIcon3{ background-image: url(images/headIcon3.png);}
.headGn ul li span{ height: 20px; color: #788597;}
.headGn ul li span a{ color:#788597;}

.weather{height: 50px;}
.logoRight{ top:34px; right:0; width:400px; float: right;}
.weatherBody{ width: 300px; height: 50px; float: left;}
.headerDate{ width: 95px; height: 50px; float: right;font-size: 12px;line-height: 22px;text-align: right;}
.headerDate font{display:block;clear:both;}
.header .search{  border-radius: 7px;-moz-box-shadow:2px 2px 4px #c6ccde; -webkit-box-shadow:2px 2px 4px #c6ccde; box-shadow:2px 2px 4px #c6ccde;}
.header .search .ss{height:45px; position: relative; padding: 0 90px 0 15px; background: #fff;  border-radius: 10px;}
.header .search .searchTxt{padding:13px 0; color:#cbcbcb; height:19px; line-height:19px; border:0; width: 100%; font-size: 16px;}
.header .search .searchBtn{ position:absolute; top: 0; right: 0; width:110px; height:45px; background:url(../images/serch.png) no-repeat 15px center #519ad7; cursor:pointer; border:0; -webkit-appearance:none; border-top-right-radius: 7px; border-bottom-right-radius: 7px; color: #fff; font-size: 18px;padding-left: 20px;}
.header .search p{color: #fff;}
.header .search p a{color: #fff; margin: 0 5px; cursor: pointer;}

/*header nav*/
.header-nav{ height: 56px; background-color: #2553a1; -moz-box-shadow:5px 5px 5px #c6ccde; -webkit-box-shadow:5px 5px 5px #c6ccde; box-shadow:5px 5px 5px #c6ccde;}
.header-nav-son{ width: 1200px; margin:0 auto; height: 56px;}
.header-nav-son ul{ width: 100%; height: 56px; display: block; float: left;}
.header-nav-son ul li{ width:16.58%; height: 56px; line-height:56px;  font-size:18px; font-weight: bold; text-align: center;  float:left;; }
.header-nav-son ul li a{ height: 56px; display:block; color: #fff; background-image: url(../images/navline.png); background-repeat: no-repeat; background-position:right center;}
.header-nav-son ul li:last-child a{background-image:none;}
.header-nav-son ul li a i{ width: 35%; text-align: right; height: 56px; font-size: 30px;   display: block; float: left; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.header-nav-son ul li a span{ width: 55%; height: 56px; display: block; float: right; text-align: left; color: #fff;}
.header-nav-son ul li a:hover,.header-nav-son ul li.active a{ color:#f8feff; background-color: #19438a; font-weight: bold;  }
.header-nav-son ul li a:hover span,.header-nav-son ul li a.active span{ color:#f8feff;  font-weight: bold; }

.header-nav-son .search{ height: 38px; padding:8px 0; width:28%; float: right;}
.header-nav-son .search .ss{height:34px; position: relative; padding: 2px 65px 2px 15px; background: #fff;  border-radius: 20px;}
.header-nav-son .search .searchTxt{padding:3px 0; color:#999999; height:28px; line-height:30px; border:0; width: 100%;}
.header-nav-son .search button.searchBtn{ position:absolute;display: block; color: #3881c8; top: 6px; font-size: 24px; line-height: 28px; text-align: center; right: 10px; width:55px; height:28px; border-left: 1px solid #82a6ca; background-color: #fff; cursor:pointer; }
.header-nav-son .search p{color: #666;}
.header-nav-son .search p a{color: #666; margin: 0 5px; cursor: pointer; font-size: 15px;}